<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=uft-8" />
        <meta name="Description" content="Mapa con recorridos de colectivos en Mar del Plata."/>
        <link href='http://fonts.googleapis.com/css?family=Salsa' rel='stylesheet' type='text/css'></link>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.14.custom.min.js"></script>  
        <script type="text/javascript" src="js/mapa.js"></script>
        <link type="text/css" href="css/index.css"  rel="stylesheet"></link>
        <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet"></link>
        <title>Mapa de colectivos en MDQ</title>
        <link rel="shortcut icon" href="favicon.ico">
    </head>
    <body>
        <div id="div_pagina">
            <div id="div_encabezado">
                <div id="div_enc_izq">
                    <img src="images/mapaencabezadomini.png" width="120" height="100" alt="Mapas MDQ" title="Mapas MDQ"/>
                </div>
                <div id="div_enc_der">
                    <span id="d_e_d_titulo">Recorridos Colectivos en MDQ</span>
                    <br/>
                    <span id="d_e_d_resto">(en google maps)</span>

                </div>
                <div style="clear: both"></div>
            </div>
            <hr/>
            <div id="div_contenido">
                <div id="div_mapa">
                    <div id="map_canvas"></div> 
                    <div id="div_pie_info">
                        <div id="d_p_i_izq1">
                            <img src="images/inicio.png" alt="Principio del recorrido" title="Principio del recorrido"></img>
                        </div>
                        <div id="d_p_i_izq2">inicio del recorrido</div>
                        <div id="d_p_i_izq3">
                            <img src="images/fin.png" alt="Fin del recorrido" title="Fin del recorrido"></img>
                        </div>
                        <div id="d_p_i_izq4">fin del recorrido</div>
                        <div id="estas_viendo">
                        </div>
                    </div>                
                </div>

                <div id="accordeon">
                    <?php include '_acordeon.php' ?>
                </div>
                
            </div>
            <div id="div_pie">
                <p>
                    Estado del sitio: en construcci&oacute;n - L&iacute;neas 511 y 717 incompletas - <a href="mailto:gepidote@yahoo.com.ar">Contacto</a>
                </p>
            </div>            
        </div>

    </body>
</html>
